Intro

Match media

Dynamically retreive media information for use in your formulas. Based on `Window: matchMedia() method`

See: https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia

Demo

Window width great than 768. Try resizing window

false

Actions

  • matchMedia

    This function listens for changes in a specified media query, executes a callback when the query matches or doesn’t match.

    Arguments

    queryExample:
    - (max-width: 600px)
    - (prefers-color-scheme: dark)
    - (orientation: portrait)